body{
  background:url('../images/bg.jpg') no-repeat center;
  background-size: cover;
  font-family: "Microsoft YaHei UI" !important;
}
.container{
  padding: 0 0.3rem;
}
.profile,.register,.detail,.index,.rank{
  margin-top: 0.3rem;
}
.header img{
  max-width: 100%;
}
.indexcont-title{
  padding-left: 0.1rem;
}
.product-list{
  font-size: 0;
  margin-top: .15rem;
  overflow: auto;
  -moz-column-count: 4;
  -webkit-column-count: 4;
  column-count: 2;
  -moz-column-gap: 1em;
  -webkit-column-gap: 1em;
  column-gap: 1em;
  display: inline-block;
}
.product-item{
  display: block;
  margin-left: 4%;
  margin-bottom: 4%;
  padding: .1rem;
  background: #d9003c;
  position: relative;
  color: #fff;
  -moz-page-break-inside: avoid;
  -webkit-column-break-inside: avoid;
  break-inside: avoid;
}
.product-item .title{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.16rem;
  margin-top: 0.05rem;
}
.product-item .msg{
  font-size: 0.12rem;
  text-align: center;
  overflow: hidden;
  margin-top: 0.05rem;

}
.product-item .vote{
  background: rgb(248,203,0);
  color: rgb(217,0,60);
  font-size: 0.16rem;
  /*font-weight: bold;*/
  line-height: 0.3rem;
  text-align: center;
  margin-top: 0.05rem;
  box-shadow: 0 0.05rem 0 rgb(181, 149, 5);
  margin-bottom: 0.05rem;
}
.product-item img{
  max-width: 100%;
}
.product-item .msg .id{
  float: left;
}
.product-item .msg .num{
  float: right;

}
.product-item .ranknum{
  font-family:"微软雅黑";
  position: absolute;
  display: inline-block;
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  background: #eab90e;
  border: 0.04rem solid rgb(217,0,60);;
  top: 0;
  left: 50%;
  text-align: center;
  margin-top: -0.2rem;
  margin-left: -0.2rem;
  color: rgb(217,0,60);
  font-size: 0.3rem;
  line-height: 0.32rem;
}
.profile-nav{
  text-align: center;
}
.profile-nav img{
  max-width: 100%;
}
#hdjp .cont img{
  max-width: 100%;
}
.profile-item{
  margin-top: 0.15rem;;
}

.register-cont{
  padding-left: 0.15rem;
  padding-right: 0.15rem;

}
.register .upload-warp{
  min-height: 2rem;
  position: relative;
  background: #ffffff;
  margin-bottom: 0.1rem;
  border: 1px solid rgb(217,0,60);
  text-align: center;
}
.register .upload-warp img{
  vertical-align: middle;

  position: relative;
  z-index: 1;
  max-width: 100%;
  display: block;
}
.register  .upload-button,.register .upload-warp{;
  text-align: center;
  margin-bottom: 0.15rem;
}
.register .upload-warp .uplaod-button .g-core-image-upload-form{
  height: 100%;

}
.upload-button{
  display: inline-block;
  width: 1rem;
  line-height: 0.3rem;
  background: rgb(217,0,60);
  color: #ffffff;
  float: right;
  position: relative;
  height: 0.3rem;
  overflow: hidden;
  border-radius: 0.2rem;

}
.mu-text-field-line,.mu-text-field-focus-line{
  background: rgb(217,0,60) !important;
}
.upload-button input{
  border: 0;
  background: transparent;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 9;
  left: 0;
  top: 0;
  opacity: 0;
  filter: alpha(opacity=0);
}

.upload-warp-sec{
  position: relative;
  height: 100%;
}
.rank-title img{
  width: 100%;
}
.rank .product-item{
  margin-top: 0.3rem;

}
.product-item  .msg .num{
  float: right;
  font-weight: bold;
}
.detail{
  padding: 0.15rem;
}
.detail .image{
 padding: 0.1rem;
  background: rgb(32,25,22);
  margin-top: 0.1rem;
}
.detail .image img{
  width: 100%;
}
.detail .msg{
  margin-top: 0.1rem;
  font-weight: bold;
}
.detail .msg .num{
  float: right;
  color: #f44336;
}
.detail .opera{
  margin-top: 0.1rem;
  font-weight: bold;
}
.sysmsg{
  font-size: 0;
  padding: .05rem 0;
  background: #DD3952;
  margin-bottom: .2rem;
  margin-top: 0.1rem;
}
.sysmsg .item{
  width: 33.33%;
  display: inline-block;
  text-align: center;
  font-size: 0.14rem;
  color: #fff;
  font-weight: bold;
  border-right: 1px solid rgba(255,255,255,0.6);
}
.sysmsg .item:last-child{
  border-right:0;
}
.total-people{
  margin-top: 0.05rem;
  font-size: 0.16rem;
  text-align: center;
  color: #D9003C;
  font-weight: bolder;
}
